<!DOCTYPE html>
<html>
	<head>
		<title>血溅会议室</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<!-- <meta name="apple-mobile-web-app-capable" content="yes" />   -->
		<meta name="author" content="sina_mobile">
		<meta name="format-detection" content="telephone=no" />
		<!-- 必填 seo1 -->
		<meta name="keywords" content="血溅会议室_新浪移动_手机新浪网">
		<meta name="description" content="血溅会议室，新浪移动，小游戏，新浪">
		<link rel="apple-touch-icon-precomposed" href="http://mjs.sinaimg.cn/wap/online/public/images/addToHome/news_114x114_v1.png">
		<link rel="apple-touch-icon-precomposed" href="http://mjs.sinaimg.cn/wap/online/public/images/addToHome/news_57x57_v1.png">
		<script src="http://mjs.sinaimg.cn/wap/public/suda/201601071000/suda_log.min.js"></script>
		<script src="http://mjs.sinaimg.cn/wap/public/suda/201706021600/suda_map.min.js"></script>
		<script>
			! function rem() {
				var t = 100,
					o = 750,
					e = document.documentElement.clientWidth || window.innerWidth,
					n = Math.max(Math.min(e, 480), 320),
					h = 50;
				320 >= n && (h = Math.floor(n / o * t * .99)), n > 320 && 362 >= n && (h = Math.floor(n / o * t * 1)), n > 362 && 375 >= n && (h = Math.floor(n / o * t * 1)), n > 375 && (h = Math.floor(n / o * t * .97)), document.querySelector("html").style.fontSize = h + "px";
//				 setTimeout(function () { var d = document.createElement("div"); d.style.cssText = "width:1rem;height:0;overflow: hidden;position:absolute;z-index:-1;visibility: hidden;"; document.body.appendChild(d); var dw = d.offsetWidth; document.body.removeChild(d); var rr = h; var hs = dw / h; if (hs != 1) { rr = Math.pow(h, 2) / dw; document.querySelector("html").style.fontSize = rr + "px" } }, 0);
				window.onresize = function() {
					rem();
				}
			}();
			
//			var PATH = 'http://mjs.sinaimg.cn/wap/online/dpool/game/blood/201801311108';
			var PATH = '.';
			var myUser = {
				uid: 'testid222',
				head_img: PATH + "/images/defaultHeadImg.gif",
				uname: '不明觉厉的小乌龟',
				score: 0
			}
		</script>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/style.min.css"/>-->
	</head>

	<body class="start_bg" style="-webkit-user-select: none;-webkit-overflow-scrolling : touch;">
		<div class="oriention hide">
			<div class="oriention_con">
				<div class="oriention_logo"></div>
				<div class="oriention_tip">为了更好的体验，请将手机/平板竖过来</div>
			</div>
		</div>
		<!--音乐-->
		<audio id="music1" preload="auto" src="./mp3/hit.mp3"></audio>
		<audio id="music2" preload="auto" src="./mp3/hit.mp3"></audio>
		<audio id="goOut"  preload="auto" src="./mp3/goOut.mp3"></audio>
		<audio id="musicLaugh" preload="auto" src="./mp3/laught.wav"></audio>
		<audio id="scream" preload="auto" src="./mp3/scream.wav"></audio>

		<!--场景0 开始匹配-->
		<div class="box">
			<aside class="sinaLogo"></aside>
			<aside style="position: absolute;top: 9999px;background: url(http://mjs.sinaimg.cn/wap/online/dpool/game/blood/201801311108/images/switchOn.png);"></aside>
			<main class="fight_card">
				<section class="fight_pic_title">
				</section>
				<section class="fight_pic_card">
				</section>
				<section class="fight_op_wrap">
					<aside>
						<a href="#" title=""><img src="images/share_ico_1.png" alt="" /></a>
					</aside>
					<aside class="home_result_more">
						<a href="#" title="查看排行榜" data-sudaclick="result_more">查看排行榜&gt;&gt;</a>
					</aside>
				</section>
			</main>
			<div class="wxShare hide"> </div>
		</div>

		<!--场景 1 正在匹配-->
		<div class="box hide">
			<main class="vs_card">
				<aside class="vs_card_t">正在为你匹配对手...</aside>
				
				<aside class="playerinfo1">
					<img src="images/tx.jpg" alt="" class="vs_info_pic" />
					<span class="vs_info_pic_t">我是张小帅啊</span>
				</aside>
			</main>
			<aside class="vs_close">
				<a href="#" title=""><img src="images/close.png" alt="" /></a>
			</aside>
		</div>

		<!--场景 2 场景匹配成功-->
		<div class="box hide">
			<main class="vs_card">
				<aside class="playerinfo2">
					<img src="images/tx.jpg" alt="" class="vs_info_pic" />
					<span class="vs_info_pic_t">我是张小帅啊</span>
				</aside>
				<aside class="vs_card_t">匹配成功!</aside>
				<aside class="playerinfo1">
					<img src="images/tx.jpg" alt="" class="vs_info_pic" />
					<span class="vs_info_pic_t">我是张小帅啊</span>
				</aside>
			</main>
		</div>

		<!--场景3 游戏主界面-->
		<div class="box hide">
			<main class="main_wrap">
				
				<!--倒计时-->
				<aside class="countDown">
					<div class="remindBox">
						<div class="remindCount">
							 <div class="time3"></div>
							 <div class="time2"></div>
							 <div class="time1"></div>
						</div>
						<div class="remind switchOff"></div>
					</div>
				</aside>

				<aside class="door_wrap">
					<!--门-->
				</aside>
				<!--秘书-->
				<section class="door_ms">
					<aside class="ms_zt1 hide">
						<!--秘书 没有抓到人-->
					</aside>
					<aside class="ms_zt2 hide">
						<!--秘书 抓到人-->
					</aside>
					<aside class="ms_zt3 hide">
						<!--秘书 默认-->
					</aside>
				</section>
				<aside class="music_wrap">
					<!--音乐-->
					<span class="music_icon" data-sudaclick="switch_musicBtn"></span>
				</aside>
				<aside class="clock_wrap">
					<!--时钟-->
					<span class="clock_num">60</span>
				</aside>
				<aside class="kpi_wrap">
					<!--kpi-->
				</aside>
				<aside class="ys_wrap">
					<!--主背景-->
				</aside>

				<!--比分-->
				<section class="vs_bar">
					<aside class="vs_bar_l">
						<aside class="vs_bar_l_t">V</aside>
						<i></i>
						<strong>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦</strong>
						<span class="vs_bar_l_icon"><img src="images/tx.jpg" alt="" /></span>
					</aside>
					<aside class="vs_bar_r">
						<aside class="vs_bar_r_t">S</aside>
						<strong>123123123123123123</strong>
						<span class="vs_bar_r_icon"><img src="images/tx.jpg" alt="" /></span>
					</aside>
				</section>

				<!--滚出去字样-->
				<section class="goOut_wrap">
					<aside class="goOut"></aside>
				</section>

				<!--老板-->
				<section class="boss_wrap">
					<!--老板默认状态-->
					<aside class="boss_zt_1"></aside>
					<!--老板 懵逼-->
					<aside class="boss_zt_2 hide"></aside>
					<!--老板 骂人-->
					<aside class="boss_zt_3 hide"></aside>
					<!--老板 回头-->
					<aside class="boss_zt_4 hide"></aside>
				</section>

				<!--对打-->
				<section class="c_vs_chair_l"><span>0</span></section>
				<section class="c_vs_chair_r"><span>0</span></section>

				<!--对打的时候的分数加减动画-->
				<section class="c_vs_score_r">
					<aside class="guide">

					</aside>
				</section>
				<section class="c_vs_score_l">
				</section>

				<section class="c_vs_p_l">
					<!--左侧小人 状态坐下-->
					<aside class="c_vs_p_l_1 "></aside>
					<!--左侧小人 状态嘲讽-->
					<aside class="c_vs_p_l_2 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_l_3 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_l_4 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_l_5 hide"></aside>
					<!--左侧小人 状态起立-->
					<aside class="c_vs_p_l_6 hide"></aside>
				</section>
				<section class="c_vs_p_r">
					<!--左侧小人 状态坐下-->
					<aside class="c_vs_p_r_1 "></aside>
					<!--左侧小人 状态嘲讽-->
					<aside class="c_vs_p_r_2 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_r_3 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_r_4 hide"></aside>
					<!--左侧小人 状态-->
					<aside class="c_vs_p_r_5 hide"></aside>
					<!--左侧小人 状态起立-->
					<aside class="c_vs_p_r_6 hide"></aside>
				</section>

				<!--底部操作-->
				<foot class="foot_bar">
					<section class="click_btn_wrap">
						<!--打的动作 on为点击css-->
						<aside id="ctrBtn" class="click_btn_on"></aside>
						<!--<aside class="click_btn_on on"></aside>-->
						<!--嘲讽的动作 on为点击css-->
						<!--<aside class="cry_btn_on"></aside>-->
						<!--<aside class="cry_btn_on on"></aside>-->
						<!--按钮为空-->
						<!--<aside class="kong_btn_on"></aside>-->
					</section>
				</foot>
			</main>
		</div>

		<!--场景4 浮层-->
		<div class="box hide">
			<section class="result_wrap ">
				<aside class="result_card">
					<section class="result_info">
						<img src="images/tx.jpg" alt="" class="result_info_pic" />
						<aside>你赢啦！</aside>
						<aside></aside>
						<aside class="result_more">
							<a href="#" title="查看排行榜" data-sudaclick="result_more">查看排行榜&gt;&gt;</a>
						</aside>
						<div class="result_op_wrap">
							<aside>
								<a href="#" title="" data-sudaclick="result_restart"><img src="images/game_icon_1.png" alt="" /></a>
							</aside>
							<aside>
								<a href="#" title="" data-sudaclick="result_share"><img src="images/game_icon_2.png" alt="" /></a>
							</aside>
						</div>
					</section>
				</aside>
				<div class="wxShare hide"> </div>
			</section>
		</div>

		<!--场景5  排行榜-->
		<div class="box hide">
			<div class="backBtn" @click="isBoardShow=false"></div>
			<main class="vs_card">
				<section>
					<aside id="userInfo">
						<img src="images/tx.jpg" alt="" class="vs_info_pic" />
						<span class="vs_info_pic_t">我是张小帅啊</span>
					</aside>
					<aside class="li_card">
						<div class="li_card_le">
							<span class="li_ran"><p>排名</p> <strong>无</strong></span>
							<span class="li_num"><p>最高得分</p> <strong>0</strong></span>
						</div>
					</aside>
				</section>
				<section class="li_win_se">
					<aside class="li_win_as">
						<div class="scrollBox">
							<div class="scrollInner">
 
							</div>
						</div>
					</aside>
				</section>
			</main>
		</div>
	</body>
	<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/shareWx.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/obj.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
	//旋转屏幕
	var oriention = document.querySelector(".oriention");
		function setOriention() {
			var vw = window.innerWidth;
			var vh = window.innerHeight;
			if(vw / vh > 1) {
				oriention.classList.remove('hide');
			} else {
				oriention.classList.add('hide');
			}
		}
		setOriention();
		window.addEventListener('resize', function() {
			setOriention();
		}, 0)
		
		//统计pv，uv
		var sudaMapConfig = {
			uId: '',
			pageId: '2949'
		};
		suda_init(sudaMapConfig.pageId, 100);
		
		// 初始分享文案
		var _wxShareConfig = {
			title: '会议室papapa，快来挑战我吧！', // 分享标题
			desc: '这是一个单纯的小游戏', // 分享描述	
			link: 'http://g.dev.sina.cn/yc/xjhys/index?vt=4', // 分享链接	
			imgUrl: PATH + '/images/wxImg.jpg', // 分享图标	
			type: '', // 分享类型,music、video或link，不填默认为link
			dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		}
		window.shareInit();
	</script>
</html>